import React from "react";
import * as ArcoIcon from "@arco-design/web-react/icon"
import "./common.css"
export function TopBar({children}){
    return <div className="TopBar" style={{backgroundColor:'var(--bgPure-1)'}}>
        <ArcoIcon.IconHome style={{color:'var(--colorText-2)',fontSize:'16px',marginTop:'10px',marginLeft:'16px',lineHeight:'36px'}}></ArcoIcon.IconHome>
        {children}
        <div className="shareButton">
            <div   style={{marginLeft:'10px',color:"var(--colorText-2)"}}>
                分享到:
            </div>
            <div className="shareButtonItem" data-name="微博"  style={{marginLeft:'10px'}}>
                <ArcoIcon.IconWeibo style={{color:'var(--colorText-2)'}}/>
            </div>
            <div className="shareButtonItem" data-name="QQ" style={{marginLeft:'10px'}}>
                <ArcoIcon.IconQq  style={{color:'var(--colorText-2)'}}/>
            </div>
        </div>
    </div>
}